//------ SASS Useful Mixins ---------------------------------------------

// by Ryan Burgess
// https://github.com/ryanburgess/SASS-Useful-Mixins
// MIT © Ryan Burgess

// ----------------------------------------------------------------------

// Linear Gradient angle

// ----------------------------------------------------------------------

// example: @include linear-gradient(-10, #cccccc, #333333);

@mixin linear-gradient($angle, $colorStart, $colorStop) {
  background: #{$colorStart}; /* Old browsers */
  background: -moz-linear-gradient(
    $angle,
    #{$colorStart} 0%,
    #{$colorStop} 100%
  ); /* FF3.6+ */

  background: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(0%, #{$colorStart}),
    color-stop(100%, #{$colorStop})
  ); /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(
    45deg,
    #{$colorStart} 0%,
    #{$colorStop} 100%
  ); /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(
    45deg,
    #{$colorStart} 0%,
    #{$colorStop} 100%
  ); /* Opera 11.10+ */

  background: -ms-linear-gradient(
    45deg,
    #{$colorStart} 0%,
    #{$colorStop} 100%
  ); /* IE10+ */

  background: linear-gradient(
    45deg,
    #{$colorStart} 0%,
    #{$colorStop} 100%
  ); /* W3C */

  filter: progid:dximagetransform.microsoft.gradient( startColorstr='#{$colorStart}', endColorstr='#{$colorStop}',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
